<template>
  <div class="login">
    <div id="student">
      <el-table
      :data="tableData"
      class=""
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
    </div>
  </div>
</template>

<style scoped>
.el-main {
  line-height: 24px;
}

.el-table td, .el-table th {
  padding: 4px 0 !important;
}

</style>

<script>
// @ is an alias to /src


export default {
  name: 'Login',
  components: {
  },
  methods: {
      deleteRow(index, rows) {
        rows.splice(index, 1);
      }
    },
    data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
    }
}
</script>
